<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title> Github 的中最流行 JavaScript 项目</title>
  <link type="image/x-icon" rel="shortcut icon" href="https://avatars3.githubusercontent.com/u/4074517?v=3&s=40" />
  <link rel="stylesheet" href="./styles/main.css">
  <script src="./js/react.min.js"></script>
  <script src="./js/react-dom.min.js"></script>
  <script src="./js/browser.min.js"></script>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/main.js"></script>
</head>

<body>
  <div id="tabbed_box_1" class="tabbed_box">
    <h1>
      最流行的 JavaScript
    </h1>
    <div class="tabbed_area">
      <ol class="tabs">
        <li>
          <a title="bestofjs" class="tab active">Rising Stars 2017</a>
        </li>
        <li>
          <a title="echojs" class="tab">EchoJS</a>
        </li>
        <li>
          <a title="hackernews" class="tab">HackerNews</a>
        </li>
        <li>
          <a title="devhub" class="tab">DevHub</a>
        </li>
        <li>
          <a title="stars" class="tab">最多 Stars</a>
        </li>
        <li>
          <a title="forks" class="tab">最多 Forks</a>
        </li>
        <li>
          <a title="infoq-feweekly" class="tab">前端每周清单</a>
        </li>
        <li>
          <a title="opengithub" class="tab">GitHub 新项目快报</a>
        </li>
        <li>
          <a title="opengithubtop" class="tab">GitHub 近期热门项目</a>
        </li>
        <li>
          <a title="octoverse" class="tab">GitHub开源报告</a>
        </li>
      </ol>


      <div style="display: block;" id="bestofjs" class="content">
        <iframe frameborder="0" src="https://risingstars.js.org/" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true"
          allowfullscreen="true"></iframe>
      </div>
      <div style="display: none;" id="echojs" class="content">
        <iframe frameborder="0" src="http://www.echojs.com/" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true"
          allowfullscreen="true"></iframe>
      </div>
      <div style="display: none;" id="hackernews" class="content">
        <iframe frameborder="0" src="https://news.ycombinator.com/" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true"
          allowfullscreen="true"></iframe>
      </div>
      <div style="display: none;" id="devhub" class="content">
        <iframe frameborder="0" src="https://devhub.io/" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true"
          allowfullscreen="true"></iframe>
      </div>
      <div style="display: none;" id="stars" class="content"></div>
      <div style="display: none;" id="forks" class="content"></div>
      <div style="display: none;" id="infoq-feweekly" class="content">
        <iframe frameborder="0" src="http://www.infoq.com/cn/FE-Weekly" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true"
          allowfullscreen="true"></iframe>
      </div>
      <div style="display: none;" id="opengithub" class="content">
        <iframe frameborder="0" src="http://www.open-open.com/github/" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true"
          allowfullscreen="true"></iframe>
      </div>
      <div style="display: none;" id="opengithubtop" class="content">
        <iframe frameborder="0" src="http://www.open-open.com/github/view/top" marginwidth="0" marginheight="0" vspace="0" hspace="0"
          allowtransparency="true" allowfullscreen="true"></iframe>
      </div>
      <div style="display: none;" id="octoverse" class="content">
        <iframe frameborder="0" src="http://octoverse.github.com/" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true"
          allowfullscreen="true"></iframe>
      </div>
    </div>
  </div>
  <script type="text/babel" src="./index.jsx"></script>
</body>

</html>